/*
 * @Description: base
 * @Author: yincece
 * @Date: 2021-04-20
 * @Reference: 
 */

@import "./reset.less";

#app {
    width: 100%;
    height: 100%;
    overflow-y: hidden;
}
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 2px;     /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
  border-radius: 10px;
   -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  background: rgba(0, 0, 0, 0.25);
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
  border-radius: 10px;
  background: #ededed;
}

// 全局提示(wap端提示)
.message-toast {
  top: 50% !important;
  width: fit-content;
  min-width: 96px;
  min-height: 0;
  padding: 8px 12px;
  transform: translate(-50%, -50%);
  font-size: 14px;
  line-height: 20px;
  border-radius: 8px;
  border: 0;
  white-space: pre-wrap;
  text-align: center;
  word-break: break-all;
  background-color: rgba(0, 0, 0, 0.7);
  .el-icon {
      display: none;
  }
  .el-message__content {
      color: #fff;
  }
}

// 弹出框
.el-popover.el-popper {
  min-width: initial;
}

// 问卷相关message不显示
.vh-message {
  display: none !important;
}

// 按钮-红色主题
.btn-primary-color {
  @defaultColor: #fb2626;
  @hoverColor: #ad0914;
  width: 100%;
  background-color: @defaultColor;
  border-color: @defaultColor;
  &:hover,
  &:focus {
    background-color: @hoverColor;
    border-color: @hoverColor;
  }
}